<template>
  <div class="search my-article-liked-view">
      <Card>
          <Form ref="searchForm" :model="queryParam" inline :label-width="70" class="search-form">
              <!-- <Form-item label="内容" prop="originalContent">
                  <Input type="text" v-model="queryParam.originalContent" placeholder="内容" clearable style="width: 200px" />
              </Form-item> -->
              <Button @click="reloadData" type="primary" class="search-btn" size="small">刷新</Button>
              <!-- <Button @click="reloadData(true)" type="primary" icon="ios-refresh" class="search-btn">重置</Button> -->
          </Form>
          <!-- <div class="table-operate-area">
              <Button @click="handleDeleteBench" type="primary" >批量删除</Button>
          </div> -->
          <Table :loading="loading" border :columns="columns" :data="dataSource" ref="table" class="mt_10" @on-selection-change="onSelectChange"></Table>
          <Row type="flex" justify="end" class="mt_10">
              <Page v-bind="pageOption" v-on="pageListener" :transfer="true"></Page>
          </Row>
      </Card>
  </div>
</template>

<script>
import { SimpleTableMixins } from '@/mixins/SimpleTableMixins.js'
import { getArticleLiked } from "@/api/pages";

export default {
  mixins: [SimpleTableMixins],
  components: {
  },
  data() {
      let that = this
      return {
          baseParam: {
              sort: "create_time", // 默认排序字段
              order: "desc", // 默认排序方式
          },
          action: {
              listAction: getArticleLiked,
          },
          columns: [
            // {
            //     type: 'selection',
            //     width: 60,
            //     align: 'center'
            // },
            {
              title: "会员昵称",
              key: "memberNickName",
              width: 100,
            },
            {
              title: "会员手机号",
              key: "memberMobile",
              width: 100,
            },
            // {
            //   title: "评论内容-原文",
            //   key: "originalContent",
            //   minWidth: 100,
            // },
            {
              title: "创建日期",
              key: "createTime",
              align: "left",
              width: 190,
              sortable: false,
            },
          ],
          beanInfo: {}
      };
  },
  methods: {
    reload() {
      this.reloadData()
    }
  },
  mounted() {
  },
};
</script>
<style lang="scss" scoped>
@import "./style.scss";
</style>
